<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>来一点点</title>
    <link rel="stylesheet" href="./model.css"/>
<style>
    /* 导航栏设计 */
    /* nav{
        background-color: rgb(239, 228, 228);
        color: rgb(245, 240, 240);
    } */
    /* 导航栏需：自导入字体方式 */
    /* @font-face {
    font-family: 'MyLovelyFont';此处是命名字体 */
   /* src: url('./素材集市康康体3.0_猫啃网/素材集市康康体3.0/素材集市康康体3.0.ttf')format('woff2'),有效改变字体 */
   /*src:url('./素材集市康康体3.0_猫啃网/素材集市康康体3.0/素材集市康康体3.0.ttf')format('woff');/*有效改变字体，两者只能选其一*/
/* } */
/* 导航栏的元素设计 */
    /* nav ul{ */
        /* list-style-type: none; */
        /* margin:0; */
        /* padding:0; */
        /* display:flex; */
/* justify-content: space-around; */
/* 自导入字体 */
/* font-family:'MyLovelyFont';此处是调用字体 */
/* font-weight: bolder; */
/* font-size: 25px; */ 
    /* } */
    
    /* 欢迎到来 */
    h3{
        background-color: transparent;
        font-family: 'MyLovelyFont';
        font-size: 35px;
        text-align: end;
        width: 300px;
        padding: 40px;
        border: 5px solid rgb(119, 119, 234);/*border是复合属性，表现在宽度，边框实虚线及颜色，而更细节的border-width等也是符合属性，表现在边框有四，具体为上右下左*/
        /* 对边框的一边写样式可以用border-left此类定位的属性，它也是符合属性，能设宽度，边框，颜色 */
        position: absolute;/*好重要的*/
        bottom:20%;
        right:5%;
       margin:auto;
    }

    #looka{
        /* 缩略图 */
    /* border: 1px solid #ddd;  */
    border-radius: 4px; 
    padding: 5px; 
    /* position: absolute;top: 50px;left: 100px; */
    display: block;margin: 0 auto;/*居中语句*/
    }
#photo{
    font-family:Script MT Bold;
    font-size: 25px;
    font-weight: bolder;
    text-align: center;
}
/* 背景图 
body{
    background-image: url(./R-C.jpg );
}*/
/* 我的移动盒子 */
.border-model{
    position: fixed;
    /* border-radius: ; */
    border: 5px solid white;
    padding: 25px;
    margin: 105px;
}
</style>
</head>




<!-- 主体内容 -->
<body>
     <!-- 导航 -->
  <div class="header">
    <!-- logo -->
    <div class="logo">
     谭艾玲个人网站
    </div>
    <!-- 菜单 -->
    <div class="nav">
       <a href="tanai.html" class="active">WELCOME</a>
    <a href="./首页/Home.html" >个人介绍</a>
    <a href="./照片墙/photos.html" >照片墙</a>
    <a href="./blog/blog.html" >设计</a>
    <a href="./联系我/contact.html">联系我</a>
    </div>
  </div>
<!-- 欢迎到来 -->
   <div>
    <h3 class:content>
        Welcome to my website!
    </h3>
   </div>
   <!-- 我的移动盒子
   <div class="border-model">
 <h2>我现在需要练习盒子的位置设定，就是移动盒子到我想去的地方，这就是我的盒子。</h2> -->
   </div>
   <img src="./R-C.jpg" alt="" id="looka" width="1280" height="750">
</body>
</html>